import React, { Component } from "react";
/*
  1. 在原生事件中，setState 由异步变成同步
  2. 在定时器中,setTimeout setInterval 异步变成同步
  3. 在 Promise().then() 在then的微观异步任务中，异步变成同步
*/
class App extends Component {
  state = {
    msg: "🐂",
  };
  // vue => mounted 生命周期类似
  componentDidMount() {
    setTimeout(() => {
      this.setState({
        msg: "🐏",
      });
      console.log(this.state.msg);// 🐏
    }, 3000);
  }
  render() {
    return (
      <div>
        <h1>{this.state.msg}</h1>
      </div>
    );
  }
}

export default App;
